<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<!-- 引入bootstrap样式 -->
<link
	href="${pageContext.request.contextPath}/plugin/css/bootstrap.min.css"
	rel="stylesheet">
<!-- 引入bootstrap-table样式 -->
<link
	href="${pageContext.request.contextPath}/plugin/css/bootstrap-table.min.css"
	rel="stylesheet">

<!-- jquery -->
<script
	src="${pageContext.request.contextPath}/plugin/js/jquery-3.2.1.min.js"></script>
<script
	src="${pageContext.request.contextPath}/plugin/js/bootstrap.min.js"></script>
<!-- bootstrap-table.min.js -->
<script
	src="${pageContext.request.contextPath}/plugin/js/bootstrap-table.min.js"></script>
<!-- 引入中文语言包 -->
<script
	src="${pageContext.request.contextPath}/plugin/js/bootstrap-table-zh-CN.min.js"></script>
<%-- <script src="${pageContext.request.contextPath}/js/sm/employee.js"></script> --%>

<title>Title</title>
<script type="text/javascript">
	$(document).ready(function() {
		$("input[name='empName']").blur(function() {
			var str = $.trim($(this).val());
			if ("" == str) {
				$(".empNameNULL").html("名字不能为空!");
				$(".empNameNULL").show();
			} else {
				$(".empNameNULL").hide();
			}
		});
	});
	$(document).ready(function() {
		$("input[name='empEnglishName']").blur(function() {
			var str = $.trim($(this).val());
			if ("" == str) {
				$(".empEnglishNameNULL").html("英文名称不能为空!");
				$(".empEnglishNameNULL").show();
			} else {
				$(".empEnglishNameNULL").hide();
			}
		});
	});
	$(document).ready(function() {
		$("input[name='empPinYinName']").blur(function() {
			var str = $.trim($(this).val());
			if ("" == str) {
				$(".empPinYinNameNULL").html("拼音不能为空!");
				$(".empPinYinNameNULL").show();
			} else {
				$(".empPinYinNameNULL").hide();
			}
		});
	});
	$(document)
			.ready(
					function() {
						$("input[name='empeMail']")
								.blur(
										function() {
											var str = $.trim($(this).val());
											if ("" == str) {
												$(".empeMailNULL").html(
														"邮箱不能为空!");
												$(".empeMailNULL").show();
											} else {
												$(".empeMailNULL").hide();
												$
														.ajax({
															type : "get",
															url : "${pageContext.request.contextPath}/position/check/email/"
																	+ str,
															dataType : "json",
															success : function(
																	datas) {
																if (512 == datas.state) {
																	$(
																			".empeMailNULL")
																			.html(
																					"email已被注册!");
																	$(
																			".empeMailNULL")
																			.show();
																}
															}
														});
											}
										});
					});
	$(document).ready(function() {
		$("input[name='empMobile']").blur(function() {
			var str = $.trim($(this).val());
			if ("" == str) {
				$(".empMobileNULL").html("手机不能为空!");
				$(".empMobileNULL").show();
			} else {
				$(".empMobileNULL").hide();
			}
		});
	});
	$(document).ready(function() {
		$("input[name='empTel']").blur(function() {
			var str = $.trim($(this).val());
			if ("" == str) {
				$(".empTelNULL").html("座机不能为空!");
				$(".empTelNULL").show();
			} else {
				$(".empTelNULL").hide();
			}
		});
	});
	$(document).ready(function() {
		$("input[name='empPositionId']").blur(function() {
			var str = $.trim($(this).val());
			if ("" == str) {
				$(".empPositionIdNULL").html("职位不能为空!");
				$(".empPositionIdNULL").show();
			} else {
				$(".empPositionIdNULL").hide();
			}
		});
	});
	$(document).ready(function() {
		$("input[name='empDepartmentId']").blur(function() {
			var str = $.trim($(this).val());
			if ("" == str) {
				$(".empDepartmentIdNULL").html("部门不能为空!");
				$(".empDepartmentIdNULL").show();
			} else {
				$(".empDepartmentIdNULL").hide();
			}
		});
	});
	$(document).ready(function() {
		$("input[name='empStatus']").blur(function() {
			var str = $.trim($(this).val());
			if ("" == str) {
				$(".empStatusNULL").html("职员状态不能为空!");
				$(".empStatusNULL").show();
			} else {
				$(".empStatusNULL").hide();
			}
		});
	});
	function getdept() {
		$.ajax({
			type : "get",
			url : "${pageContext.request.contextPath}/dept/dept",
			dataType : "json",
			success : function(datas) {
				$("select[name='empDepartmentId']").html(
						'<option value="">---请选择---</option>');
				$.each(datas.data, function(index, dept) {
					$("select[name='empDepartmentId']").append(
							'<option value="'+dept.departmentId+'">'
									+ dept.departmentName + '</option>');
				});
			}
		});
	}
	function getposition() {
		$.ajax({
			type : "get",
			url : "${pageContext.request.contextPath}/pos/pos",
			dataType : "json",
			success : function(datas) {
				$("select[name='empPositionId']").html(
						'<option value="">---请选择---</option>');
				$.each(datas.data, function(index, position) {
					$("select[name='empPositionId']").append(
							'<option value="'+position.positionId+'">'
									+ position.positionName + '</option>');
				});
			}
		});
	}
	function getstauts() {
		$.ajax({
			type : "get",
			url : "${pageContext.request.contextPath}/es/es",
			dataType : "json",
			success : function(datas) {
				$("select[name='empStatus']").html(
						'<option value="">---请选择---</option>');
				$.each(datas.data, function(index, employeeStatus) {
					$("select[name='empStatus']").append(
							'<option value="'+employeeStatus.employeeStatusId+'">'
									+ employeeStatus.employeeStatusName
									+ '</option>');
				});
			}
		});
	}

	function initTable(initurl) {
        $("#empTable").bootstrapTable({
        	url : initurl,
			type : "Get",
			dataType : "json",
        	//data : list,
            toolbar: '#toolbar',                //工具按钮用哪个容器
            pagination: true, //是否显示分页（*）
            striped: true,//隔行换色
            sidePagination: 'server',//分页方式
            pageNumber: 1,//初始化table时显示的页码
            pageSize: 5,//每页条目                    
            pageList: [5, 10, 20, 50, 100],
            //queryParams: queryParams,
            locale: 'zh-CN',
            sortable: true,//排序       
            search: false,  //是否启用查询
            showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
            showRefresh: true,  //显示刷新按钮
            showColumns: true,//是否显示 内容列下拉框                    
            clickToSelect: true,//点击选中checkbox
            singleSelect: true,//启用单行选中                    
            showExport: true,                     //是否显示导出
            exportDataType: "all",              //basic', 'all', 'selected'.
            queryParamsType: '', //默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort
            // 设置为 ''  在这种情况下传给服务器的参数为：pageSize,pageNumber
            queryParams: function queryParams(params) {   //设置查询参数  
                var param = {
                    pageNumber: params.pageNumber,
                    pageSize: params.pageSize,
                    empName: $("#txt_search_employeename").val(),
            		empStatus:$("#txt_search_statu").val(),
            		empPosition:$("#txt_search_position").val()
                };
                return param;
            },
            responseHandler: function(res) {
            	console.info(res);
            	return {
            		"total" : res.pageInfo.totalCount,
            		"rows" :  res.pageInfo.list
            	}
            },
            columns: [{
                checkbox: true
            }, {
				field : 'empId',
				title : '职员编号'
			}, {
				field : 'empName',
				title : '职员姓名'
			}, {
				field : 'empPinYinName',
				title : '职员拼音'
			}, {
				field : 'empEnglishName',
				title : '职员英文名'
			}, {
				field : 'empeMail',
				title : '职员邮箱'
			}, {
				field : 'empMobile',
				title : '职员手机'
			}, {
				field : 'empTel',
				title : '职员座机'
			}, {
				field : 'empAddress',
				title : '职员地址'
			}, {
				field : 'empGender',
				title : '职员性别'
			}, {
				field : 'empPositionId',
				title : '职员职位'
			}, {
				field : 'empDepartmentId',
				title : '职员部门'
			}, {
				field : 'empStatus',
				title : '职员状态'
			}, {
				field : 'empStartTime',
				title : '入职日期'
			}, {
				field : 'empCreateTime',
				title : '创建时间'
			}, {
				field : 'empCreateName',
				title : '创建人名'
			}, {
				field : 'empDecription',
				title : '职员描述'
			},]
        });
			/* }
	 }); */
    }
	
	$(document)
			.ready(
					function() {
						//调用函数，初始化表格
						var initurl = "${pageContext.request.contextPath}/emp/emp/page";
						initTable(initurl);

						//当点击查询按钮的时候执行
						$("#btn_query").bind("click", initTable);

						//删除：
						$('#btn_delete').on(
								"click",
								function() {
									getstauts();
									var row = $.map($("#empTable")
											.bootstrapTable('getSelections'),
											function(row) {
												return row;
											});
									if (row.length == 1) {
										for (var i = 0; i < row.length; i++) {
											alert(row[i].empId);
											//打开弹出框：
											$('#myDeleteModal').modal();
											$('#empId').val(row[i].empId);
											$('#deleteemp').val(
													row[i].empStatus);
										}
									}
								});

						//添加：
						$('#btn_add').on("click", function() {
							getdept();
							getposition();
							getstauts();
							$('#myModal').modal();
						});

						//修改
						$('#btn_edit')
								.on(
										"click",
										function() {

											getdept();
											getposition();
											var row = $.map($("#empTable")
													.bootstrapTable(
															'getSelections'),
													function(row) {
														return row;
													});
											if (row.length == 1) {
												for (var i = 0; i < row.length; i++) {
													alert(row[i].pid);
													//打开弹出框：
													$('#updatemyModal').modal();
													$('#updateempId').val(
															row[i].empId);
													$('#updateempName').val(
															row[i].empName);
													$('#updateempEnglishName')
															.val(
																	row[i].empEnglishName);
													$('#updateempPinYinName')
															.val(
																	row[i].empPinYinName);
													$('#updateempeMail').val(
															row[i].empeMail);
													$('#updateempGender').val(
															row[i].empGender);
													$('#updateempMobile').val(
															row[i].empMobile);
													$('#updateempTel').val(
															row[i].empTel);
													$('#updateempAddress').val(
															row[i].empAddress);
													$('#updateempPhoto').val(
															row[i].empPhoto);
													$('#updateempPositionId')
															.val(
																	row[i].empPositionId);
													$('#updateempDepartmentId')
															.val(
																	row[i].empDepartmentId);
													$('#updateempStatus').val(
															row[i].empStatus);
													$('#updateempStartTime')
															.val(
																	row[i].empStartTime);
													$('#updateempDecription')
															.val(
																	row[i].empDecription);
												}
											}
										});

					})
	//提交删除
	function mydelete() {
		var empId = $('#empId').val();
		var empStatus = $('#deleteemp').val();
		alert(empStatus);
		$.ajax({
			type : "DELETE",
			url : "${pageContext.request.contextPath }/emp/emp/"
					+ empId + "/" + empStatus,
			contentType : "application/json; charset=utf-8",
			success : function(datas) {
				if (203 == datas.state) {
					$('#empTable').bootstrapTable('refresh');
				} else {
					alert('删除失败');
				}

			}
		});
	}

	//提交添加：
	function mya() {
		var empName = $('#addempName').val();
		var empEnglishName = $('#addempEnglishName').val();
		var empPinYinName = $('#addempPinYinName').val();
		var empeMail = $('#addempeMail').val();
		var empGender = $('#addempGender').val();
		var empMobile = $('#addempMobile').val();
		var empTel = $('#addempTel').val();
		var empAddress = $('#addempAddress').val();
		var empPhoto = $('#addempPhoto').val();
		var empPositionId = $('#addempPositionId').val();
		var empDepartmentId = $('#addempDepartmentId').val();
		var empStatus = $('#addempStatus').val();
		var empStartTime = $('#addempStartTime').val();
		var empDecription = $('#addempDecription').val();
		//实例化一个对象：
		/* var person={"pname":addpname,"page":addpage}; */
		var employee = {
			"empName" : empName,
			"empEnglishName" : empEnglishName,
			"empPinYinName" : empPinYinName,
			"empeMail" : empeMail,
			"empGender" : empGender,
			"empMobile" : empMobile,
			"empTel" : empTel,
			"empAddress" : empAddress,
			"empPhoto" : empPhoto,
			"empPositionId" : empPositionId,
			"empDepartmentId" : empDepartmentId,
			"empStatus" : empStatus,
			"empStartTime" : empStartTime,
			"empDecription" : empDecription
		};
		//将对象转换成字符串
		/* var str=JSON.stringify(employee); */
		/* alert(str); */
		$.ajax({
			type : "POST",
			url : "${pageContext.request.contextPath }/emp/emp/add",
			contentType : "application/json; charset=utf-8",
			data : JSON.stringify(employee),
			success : function(datas) {
				console.log(datas)
				if (datas.state == 202) {
					$('#empTable').bootstrapTable('refresh');
					//$('#ff_p').form('clear');
				} else {
					alert('添加失败');
				}

			}
		});
	}

	//修改提交：
	function myb() {
		var empId = $('#updateempId').val();
		var empName = $('#updateempName').val();
		var empEnglishName = $('#updateempEnglishName').val();
		var empPinYinName = $('#updateempPinYinName').val();
		var empeMail = $('#updateempeMail').val();
		var empGender = $('#updateempGender').val();
		var empMobile = $('#updateempMobile').val();
		var empTel = $('#updateempTel').val();
		var empAddress = $('#updateempAddress').val();
		var empPhoto = $('#updateempPhoto').val();
		var empPositionId = $('#updateempPositionId').val();
		var empDepartmentId = $('#updateempDepartmentId').val();
		var empStatus = $('#updateempStatus').val();
		var empStartTime = $('#updateempStartTime').val();
		var empDecription = $('#updateempDecription').val();
		//实例化一个对象：
		/* var person={"pname":addpname,"page":addpage}; */
		var employee = {
			"empId" : empId,
			"empName" : empName,
			"empEnglishName" : empEnglishName,
			"empPinYinName" : empPinYinName,
			"empeMail" : empeMail,
			"empGender" : empGender,
			"empMobile" : empMobile,
			"empTel" : empTel,
			"empAddress" : empAddress,
			"empPhoto" : empPhoto,
			"empPositionId" : empPositionId,
			"empDepartmentId" : empDepartmentId,
			"empStatus" : empStatus,
			"empStartTime" : empStartTime,
			"empDecription" : empDecription
		};
		//将对象转换成字符串
		/* var str=JSON.stringify(employee); */
		$
				.ajax({
					type : "PUT",
					url : "${pageContext.request.contextPath }/emp/emp/update",
					contentType : "application/json; charset=utf-8",
					data : JSON.stringify(employee),
					success : function(datas) {
						if (205 == datas.state) {
							$('#empTable').bootstrapTable('refresh');
						} else {
							alert('修改失败');
						}

					}
				});
	}
</script>
</head>
<body>
	<div class="panel-body" style="padding-bottom: 0px;">
		<div class="panel panel-default">
			<div class="panel-heading">查询条件</div>
			<div class="panel-body">
				<form id="formSearch" class="form-horizontal">
					<div class="form-group" style="margin-top: 15px">
						<label class="control-label col-sm-1"
							for="txt_search_employeename">职员姓名</label>
						<div class="col-sm-3">
							<input type="text" class="form-control"
								id="txt_search_employeename">
						</div>
						<!-- <label class="control-label col-sm-1" for="txt_search_statu"></label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="txt_search_statu">
						</div> -->

						<label for="txt_search_statu" class="control-label col-sm-1">职员状态</label>
						<div class="col-sm-3">
							<select class="form-control" name="empStatus"
								id="txt_search_statu">

							</select>
						</div>
						<label class="control-label col-sm-1" for="txt_search_position">职员职位</label>
						<div class="col-sm-3">
							<select class="form-control" name="empPositionId"
								id="txt_search_position">

							</select>
						</div>
						<div class="col-sm-4" style="text-align: left;">
							<button type="button" onclick="mya()" id="btn_query"
								class="btn btn-primary">查询</button>
						</div>
					</div>
				</form>
			</div>
		</div>

		<div id="toolbar" class="btn-group">
			<button id="btn_add" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
			</button>
			<button id="btn_edit" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
			</button>
			<button id="btn_delete" type="button" class="btn btn-default">
				<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
			</button>
		</div>

		<table class="table table-hover" id="empTable">
		</table>
		<div id="jsmind_container"></div>
	</div>

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">新增</h4>
				</div>
				<div class="modal-body">
					<form id="ff_p" method="post">
						<div class="form-group">
							<label for="addempName">职员姓名</label> &nbsp;&nbsp;&nbsp;<label
								class="empNameNULL" hidden="yes" style="color: red;"></label> <input
								type="text" name="empName" class="form-control" id="addempName"
								placeholder="职员姓名">
						</div>
						<div class="form-group">
							<label for="addempEnglishName">职员英文名</label> &nbsp;&nbsp;&nbsp;<label
								class="empEnglishNameNULL" hidden="yes" style="color: red;"></label>
							<input type="text" name="empEnglishName" class="form-control"
								id="addempEnglishName" placeholder="职员英文名">
						</div>

						<div class="form-group">
							<label for="addempPinYinName">职员拼音</label> &nbsp;&nbsp;&nbsp;<label
								class="empPinYinNameNULL" hidden="yes" style="color: red;"></label>
							<input type="text" name="empPinYinName" class="form-control"
								id="addempPinYinName" placeholder="职员拼音">
						</div>
						<div class="form-group">
							<label for="addempeMail">职员邮箱</label> &nbsp;&nbsp;&nbsp;<label
								class="empeMailNULL" hidden="yes" style="color: red;"></label> <input
								type="text" name="empeMail" class="form-control"
								id="addempeMail" placeholder="职员邮箱">
						</div>
						<div class="form-group">
							<label for="addempGender">职员性别</label> <select name="empGender"
								id="addempGender" class="form-control">
								<option value="">---请选择---</option>
								<option value="男">男</option>
								<option value="女">女</option>
							</select>
						</div>
						<div class="form-group">
							<label for="addempMobile">职员手机</label> &nbsp;&nbsp;&nbsp;<label
								class="empMobileNULL" hidden="yes" style="color: red;"></label>
							<input type="text" name="empMobile" class="form-control"
								id="addempMobile" placeholder="职员手机">
						</div>
						<div class="form-group">
							<label for="addempTel">职员座机</label> &nbsp;&nbsp;&nbsp;<label
								class="empTelNULL" hidden="yes" style="color: red;"></label> <input
								type="text" name="empTel" class="form-control" id="addempTel"
								placeholder="职员座机">
						</div>
						<div class="form-group">
							<label for="addempAddress">职员地址</label> <input type="text"
								name="empAddress" class="form-control" id="addempAddress"
								placeholder="职员地址">
						</div>
						<div class="form-group">
							<label for="addempPhoto">职员照片</label> <input type="file"
								name="empPhoto" class="form-control" id="addempPhoto"
								placeholder="职员照片">
						</div>

						<div class="form-group">
							<label for="addempPositionId">职员职位</label> &nbsp;&nbsp;&nbsp;<label
								class="empPositionIdNULL" hidden="yes" style="color: red;"></label>
							<select class="form-control" name="empPositionId"
								id="addempPositionId">

							</select>
						</div>
						<div class="form-group">
							<label for="addempDepartmentId">职员部门</label> &nbsp;&nbsp;&nbsp;<label
								class="empDepartmentIdNULL" hidden="yes" style="color: red;"></label>
							<select class="form-control" name="empDepartmentId"
								id="addempDepartmentId">
							</select>
						</div>
						<div class="form-group">
							<label for="addempStatus">职员状态</label> &nbsp;&nbsp;&nbsp;<label
								class="empStatusNULL" hidden="yes" style="color: red;"></label>
							<select class="form-control" name="empStatus" id="addempStatus">

							</select>
						</div>
						<div class="form-group">
							<label for="addempStartTime">职员入职时间</label> <input type="text"
								name="empStartTime" class="form-control" id="addempStartTime"
								placeholder="职员入职时间">
						</div>
						<div class="form-group">
							<label for="addempDecription">职员描述</label> <input type="text"
								name="empDecription" class="form-control" id="addempDecription"
								placeholder="职员描述">
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">
								<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
							</button>
							<button type="button" id="btn_submit" class="btn btn-primary"
								data-dismiss="modal" onclick="mya()">
								<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="myDeleteModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改员工状态</h4>
				</div>
				<div class="modal-body">
					<form id="ff_p" method="post">
						<input type="hidden" name="empId" class="form-control" id="empId">
						<div class="form-group">
							<label for="deleteemp">员工状态</label>
							<!-- <input type="text"
								name="empstatus" class="form-control" id="deleteemp"
								placeholder="员工状态"> -->
							<select id="deleteemp" name="empStatus" class="form-control">

							</select>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">
								<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
							</button>
							<button type="button" id="btn_delete" class="btn btn-primary"
								data-dismiss="modal" onclick="mydelete()">
								<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="updatemyModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="updatemyModalLabel">修改</h4>
				</div>
				<div class="modal-body">
					<form id="updateff_p" method="post">
						<div class="form-group">
							<label for="updateempId">职员标号</label> <input type="text"
								name="empId" class="form-control" id="updateempId"
								placeholder="职员编号" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="updateempName">职员姓名</label> <input type="text"
								name="empName" class="form-control" id="updateempName"
								placeholder="职员姓名">
						</div>
						<div class="form-group">
							<label for="empEnglishName">职员英文名</label> <input type="text"
								name="empEnglishName" class="form-control"
								id="updateempEnglishName" placeholder="职员英文名">
						</div>

						<div class="form-group">
							<label for="updateempPinYinName">职员拼音</label> <input type="text"
								name="empPinYinName" class="form-control"
								id="updateempPinYinName" placeholder="职员拼音">
						</div>
						<div class="form-group">
							<label for="updateempeMail">职员邮箱</label> <input type="text"
								name="empeMail" class="form-control" id="updateempeMail"
								placeholder="职员邮箱">
						</div>
						<div class="form-group">
							<label for="updateempGender">职员性别</label> <select
								name="empGender" id="updateempGender" class="form-control">
								<option value="">---请选择---</option>
								<option value="男">男</option>
								<option value="女">女</option>
							</select>
						</div>
						<div class="form-group">
							<label for="updateempMobile">职员手机</label> <input type="text"
								name="empMobile" class="form-control" id="updateempMobile"
								placeholder="职员手机">
						</div>
						<div class="form-group">
							<label for="updateempTel">职员座机</label> <input type="text"
								name="empTel" class="form-control" id="updateempTel"
								placeholder="职员座机">
						</div>
						<div class="form-group">
							<label for="updateempAddress">职员地址</label> <input type="text"
								name="empAddress" class="form-control" id="updateempAddress"
								placeholder="职员地址">
						</div>
						<div class="form-group">
							<label for="updateempPhoto">职员照片</label> <input type="file"
								name="empPhoto" class="form-control" id="updateempPhoto"
								placeholder="职员照片">
						</div>

						<div class="form-group">
							<label for="updateempPositionId">职员职位</label> <select
								class="form-control" name="empPositionId"
								id="updateempPositionId">
							</select>
						</div>
						<div class="form-group">
							<label for="updateempDepartmentId">职员部门</label> <select
								class="form-control" name="empDepartmentId"
								id="updateempDepartmentId">

							</select>
						</div>
						<div class="form-group">
							<label for="updateempStatus">职员状态</label> <select
								class="form-control" name="empStatus" id="updateempStatus"
								disabled="disabled">

							</select>
						</div>
						<div class="form-group">
							<label for="updateempStartTime">职员入职时间</label> <input type="text"
								name="empStartTime" class="form-control" id="updateempStartTime"
								placeholder="职员入职时间" readonly="readonly">
						</div>
						<div class="form-group">
							<label for="updateempDecription">职员描述</label> <input type="text"
								name="empDecription" class="form-control"
								id="updateempDecription" placeholder="职员描述">
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default"
								data-dismiss="modal">
								<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭
							</button>
							<button type="button" id="btn_update" class="btn btn-primary"
								data-dismiss="modal" onclick="myb()">
								<span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</body>
<%-- <script src="${pageContext.request.contextPath}/js/sm/employee.js"></script> --%>
</html>
